.oe-menu {
  width: 100%;
  height: 100%;
  min-width: 1420px;

  &-bar {
    height: calc(100% - 60px);
    width: 200px;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: 60px;
    bottom: 0;
  }

  .close-bar {
    width: 60px;
  }

  .oe-menu-content {
    background-color: #f3f6fa;
    margin-left: 220px;
    height: calc(100% - 60px);
    overflow: hidden;
    margin-right: 20px;
    min-width: 1200px;
  }

  .close-bar+.oe-menu-content {
    margin-left: 80px;
  }

  &-container {
    background-color: #f3f6fa;
    width: 100%;
    min-height: 100%;
    position: relative;
  }

  .oe-menu-title {
    margin-left: 5px;
    font-size: 16px;
    opacity: 1;
    transition: all 0.3s linear;
  }

  .ant-menu-inline-collapsed {
    width: 60px;
    overflow: hidden;
  }

  .oe-menu-span {
    transition: all 0.3s linear;
  }

  .iconfont {
    transition: all 0.3s linear;
  }

  .ant-menu-inline-collapsed {
    .iconfont {
      font-size: 20px;
    }

    .oe-menu-title {
      opacity: 0;
    }

    .oe-menu-span {
      margin-left: -10px;
    }

    .ant-menu-item {
      padding: 0 30px !important;
    }
  }

  .ant-menu {
    background-color: #047bfc;
    height: auto;
    min-height: 100%;

    &-submenu {
      .ant-menu {
        background-color: #1883f8;
      }
    }
  }

  .title-color,
  .oe-menu-title {
    color: #fff;
  }

  .oe-menu-first {
    display: inline-block;
    color: #fff !important;
  }

  // .oe-menu-first:hover {
  //   color: #fff !important;
  // }

}

.oe-position {
  position: absolute;
  left: 30px;
  bottom: 70px;
  color: #0177D5;
  cursor: pointer;
}

.oe-position-icon {
  font-size: 24px;
  background: #fff;
  border-radius: 50%;
}

.ant-menu-submenu-placement-rightTop .ant-menu-submenu-content:after {
  content: "";
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-left: 8px solid transparent;
  border-right: 8px solid #040F32;
  display: inline-block;
  position: absolute;
  top: 12px;
  left: -16px;
}

.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  box-shadow: none;
}